<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" />

 <link rel="stylesheet" href="assets/css/addStoreBook.css">
 <link rel="stylesheet" href="assets/fonts/iconfont.css">
</head>
<body>
<div id="app" class="layout">
 <div id="contentWrap" pagetype="item_add" class="content-wrap">
  <!---->
  <div class="form-box category-head-box clear">
   <div class="categoryInfo2">
    <div class="f_left category_text">
     图书 &gt; 普通图书
    </div>
    <div class="modify_categoryInput">
     <span class="f_left m_r5"> &gt; </span>
     <input type="text" readonly="readonly" class="f_left form-input" />
     <div class="cat_errinfo red_d"></div>
    </div>
    <a href="javascript:void(0);" onclick="$('.kfz-confirm').toggle()" class="f_left m_l30 btn_modify">选择分类</a>
    <!---->
   </div>
   <div class="used_category" style="display: none;">
    <div class="ivu-select ivu-select-single" style="width: 520px;">
     <div class="ivu-select-selection">
      <input type="hidden" />
      <span class="ivu-select-placeholder">请选择最近使用的分类</span>
      <span class="ivu-select-selected-value" style="display: none;"></span>
      <!---->
      <i class="ivu-icon ivu-icon-ios-close ivu-select-arrow" style="display: none;"></i>
      <i class="ivu-icon ivu-icon-chevron-down ivu-select-arrow"></i>
      <div class="ivu-select-dropdown" style="display: none;">
       <ul class="ivu-select-not-found" style="display: none;">
        <li>暂无使用的分类</li>
       </ul>
       <ul class="ivu-select-dropdown-list">
       </ul>
       <ul class="ivu-select-loading" style="display: none;">
        加载中
       </ul>
      </div>
     </div>
    </div>
   </div>
  </div>
  <div>
   <div>
    <!---->
    <div class="form_box_big">
     <div class="form-box clear clearfix">
      <ul class="form-list">
       <li class="form-item clearfix m_b18">
        <!---->
        <div class="verify-error">
         <div class="form-label f_left">
          <span class="red_d">* </span> 书名
         </div>
         <div class="f_left form_con">
          <div class="f_left">
           <div>
            <span class="f_left m_r5 gray6">
               <!----></span>
            <input id="bookName" type="text" name="itemName" notnull="false" placeholder="" focusin="false" class="f_left itemName form-input w_200" />
            <!---->
            <span class="f_left gray6"></span>
            <span class="f_left gray9" style="margin-left: 9px;"></span>
            <span class="f_left grayb" style="margin-left: 4px;"></span>
           </div>
          </div>
          <br />
          <div id="bookNameWarn" class="f_left red_d pos_info" hidden>
           请填写书名
          </div>
         </div>
        </div>
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
       </li>
       <!--<li class="form-item clearfix m_b18">
        &lt;!&ndash;&ndash;&gt;
        <div class="">
         <div class="form-label f_left">
          &lt;!&ndash;&ndash;&gt; 推荐语
         </div>
         <div class="f_left form_con">
          <div class="f_left">
           <div>
              <span class="f_left m_r5 gray6">
               &lt;!&ndash;&ndash;&gt;</span>
            <input type="text" name="importantDesc" notnull="false" placeholder="" focusin="false" class="f_left importantDesc form-input w_200" />
            &lt;!&ndash;&ndash;&gt;
            <span class="f_left gray6"></span>
            <span class="f_left gray9" style="margin-left: 9px;"></span>
            <span class="f_left grayb" style="margin-left: 4px;"></span>
           </div>
           <div class="pos_info red_d" style="display: none;"></div>
          </div>
          <br />
          &lt;!&ndash;&ndash;&gt;
         </div>
        </div>
       </li>-->
       <li class="form-item clearfix m_b18">
        <!---->
        <div class="">
         <div class="form-label f_left">
          <span class="red_d">* </span> ISBN
         </div>
         <div class="f_left form_con">
          <div class="f_left">
           <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
            <input id="bookIsbn" type="text" name="isbn" notnull="false" placeholder="" focusin="false" class="f_left isbn form-input w_200" />
            <!---->
            <span class="f_left gray6"></span>
            <span class="f_left gray9" style="margin-left: 9px;"></span>
            <!---->
           </div>
           <div id="ISBNWarn" class="pos_info red_d" hidden> 请填写正确的ISBN</div>
          </div>
          <br />
          <!---->
         </div>
        </div>
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!----> </li>
       <li class="form-item clearfix m_b18">
        <!---->
        <div class="">
         <div class="form-label f_left">
          <span class="red_d">* </span> 作者
         </div>
         <div class="f_left form_con">
          <div class="f_left">
           <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
            <input id="bookAuthor" type="text" name="author" notnull="false" placeholder="" focusin="false" class="f_left author form-input w_200" />
            <!---->
            <span class="f_left gray6"></span>
            <span class="f_left gray9" style="margin-left: 9px;"></span>
            <!---->
           </div>
           <div class="pos_info red_d" id="authorWarn" hidden>请填写作者</div>
          </div>
          <br />
          <!---->
         </div>
        </div>
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!----> </li>
       <li class="form-item clearfix m_b18">
        <!---->
        <div class="">
         <div class="form-label f_left">
          <span class="red_d">* </span> 出版社
         </div>
         <div class="f_left form_con">
          <div class="f_left">
           <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
            <input id="bookPublisher" type="text" name="press" notnull="false" placeholder="" focusin="false" class="f_left press form-input w_200" />
            <!---->
            <span class="f_left gray6"></span>
            <span class="f_left gray9" style="margin-left: 9px;"></span>
            <!---->
           </div>
           <div class="pos_info red_d" id="publisherWarn" hidden>请填写出版社</div>
          </div>
          <br />
          <!---->
         </div>
        </div>
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!----> </li>
       <li class="form-item clearfix m_b18">
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <div>
         <div class="f_left year-group">
          <div class="form-label f_left" style="line-height: 16px; height: 16px;">
           <span class="red_d">* </span> 出版时间
          </div>
          <div class="f_left form_con">
           <div class="f_left">
            <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
             <input id="bookTime" type="text" name="time" notnull="false" placeholder="" focusin="false" class="f_left press form-input w_200" />
             <!---->
             <span class="f_left gray6"></span>
             <span class="f_left gray9" style="margin-left: 9px;"></span>
             <!---->
            </div>
            <div class="pos_info red_d" id="timeWarn" hidden>请填写出版时间</div>
           </div>
           <br />
           <!---->
          </div>
         </div>
        </div>
       </li>
       <li class="form-item clearfix m_b18">
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <div class="">
         <div class="form-label f_left">
          <!----> 定价
         </div>
         <div class="form_con f_left">
          <div class="f_left">
           <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
            <input id="bookPrice" type="text" name="oriPrice" notnull="false" placeholder="" focusin="false" class="f_left oriPrice form-input w_200" />
            <!---->
            <span class="f_left gray6">元</span>
            <span class="f_left gray9" style="margin-left: 9px;"></span>
            <!---->
           </div>
           <div class="pos_info red_d" style="display: none;"></div>
          </div>
          <br />
          <!---->
         </div>
        </div>
        <!---->
        <!---->
        <!---->
        <!---->
       </li>
      </ul>
     </div>
     <div class="form-box clearfix clear">
      <ul class="form-list">
       <li class="form-item clearfix m_b18">
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <div class="">
         <div class="form-label f_left">
          <span class="red_d">* </span> 售价
         </div>
         <div class="form_con f_left">
          <div class="f_left">
           <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
            <input id="bookDiscountPrice" type="text" name="price" notnull="false" placeholder="" focusin="false" class="f_left price form-input w_200" />
            <!---->
            <span class="f_left gray6">元</span>
            <span class="f_left gray9" style="margin-left: 9px;"></span>
            <!---->
           </div>
           <div class="pos_info red_d" id="discountPriceWarn" hidden>请填写售价</div>
          </div>
          <br />
          <!---->
         </div>
        </div>
        <!---->
        <!---->
        <!---->
        <!----></li>
       <li class="form-item clearfix m_b18">
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <div class="">
         <div class="form-label f_left">
          <span class="red_d">* </span> 库存数量
         </div>
         <div class="form_con f_left clearfix">
          <div class="f_left">
           <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
            <input id="bookCount" type="text" name="number" notnull="false" placeholder="" focusin="false" class="f_left number form-input w_200" />
            <!---->
            <span class="f_left gray6">件</span>
            <span class="f_left gray9"></span>
            <!---->
           </div>
           <div class="pos_info red_d" id="countWarn" hidden>请填写存库数量</div>
          </div>
          <br />
          <!---->
         </div>
        </div>
        <!---->
        <!---->
        <!---->
        <!---->
        <!----></li>
       <li class="form-item clearfix m_b18">
        <!---->
        <div class="">
         <div class="form-label f_left">
          <!----> 详细描述
         </div>
         <div class="form_con f_left">
          <div class="f_left">
           <div>
              <span class="f_left m_r5 gray6">
               <!----></span>
            <!---->
            <textarea id="bookIntroduction" type="textarea" name="itemDesc" notnull="false" placeholder="" class="f_left itemDesc form-input w_700"></textarea>
            <span class="f_left gray6"></span>
            <span class="f_left gray9" style="margin-left: 9px;"></span>
            <!---->
           </div>
           <div class="pos_info red_d" id="introductionWarn" hidden></div>
          </div>
          <br />
          <!---->
         </div>
        </div>
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!----></li>
       <li class="form-item clearfix m_b18">
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <div>
         <div class="form-label f_left">
          <span class="red_d">* </span>图片
         </div>
         <div class="f_left form_con clearfix img_box">
          <div class="gray9 w_700" style="position: relative;">
           图片格式为jpg、png、gif、jpeg
           <!---->
          </div>
          <div class="editimg">
           <!---->
          </div>
          <div class="upload_image clearfix l_h20">
           <div id="imageList" class="image_list clearfix">
            <div class="list-group"></div>
            <a href="" class="image_upload_btn" style="position: relative;">
             <div id="imageUploadBtn" class="image_upload_add" style="position: relative; z-index: 1;">
              添加
              <br />图片
             </div>
            </a>
<!--            <input id="bookImg" onchange="console.log('-&#45;&#45;&#45;&#45;&#45;&#45;');$('input[type=file]').val('');" type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" multiple="" accept=".jpg,.gif,.png,.jpeg" tabindex="-1" />-->
           </div>
          </div>
          <!---->
         </div>
         <div class="img_edit_dialog img_single_list" style="display: none;">
          <!---->
          <div class="img_edit_bg"></div>
         </div>
         <div class="logistics-win">
          <!---->
          <!---->
          <!---->
         </div>
        </div></li>
       <li class="form-item clearfix m_b18" style="display: none;">
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!----></li>
       <li class="form-item clearfix m_b18" style="display: none;">
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!---->
        <!----></li>
      </ul>
     </div>

    </div>
    <!---->
    <!---->
    <div class="form-box clearfix clear m_t20">
     <ul class="form-list bg_white noborder">
      <li class="form-btn">
       <div class="submit-btn f_left">
        提交
       </div>
      </li>
     </ul>
    </div>
   </div>
   <!---->
   <!---->
   <!---->
   <p>
   <div class="kfz-confirm" hidden>
    <div class="bg"></div>
    <div class="kfz-container" style="width: 826px;">
     <div class="header">
      选择分类
      <span class="ivu-icon ivu-icon-ios-close-empty kfz-close-btn iconfont icon-fork" onclick="$('.kfz-confirm').toggle()"></span>
     </div>
     <div class="content">
      <div>
       <ul class="clearfix classify_tab">
        <li class="active"><span>图书</span></li>
       </ul>
       <div class="classify_box m_t10 clear">
        <div class="f_left classify_list classify_list2">
         <a href="javascript:;" class="active"> 普通图书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
        </div>
        <!--<div class="f_left classify_list classify_list3">
         <a href="javascript:;" class=""> 小说 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 文学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 语言文字 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 历史 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 地理 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 艺术 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 政治 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 法律 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 军事 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 哲学心理学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 宗教 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 经济 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 社会文化 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 教育 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 管理 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 童书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 生活 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 体育 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 工程技术 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 计算机与互联网 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 自然科学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 医药卫生 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 综合性图书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class="active"> 国学古籍 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
         <a href="javascript:;" class=""> 收藏与鉴赏 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
         <a href="javascript:;" class=""> 红色文献 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
         <a href="javascript:;" class=""> 教材教辅考试 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right"></i></a>
        </div>
        <div class="f_left classify_list classify_list4">
         <a href="javascript:;" class=""> 小说 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 文学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 语言文字 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 历史 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 地理 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 艺术 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 政治 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 法律 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 军事 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 哲学心理学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 宗教 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 经济 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 社会文化 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 教育 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 管理 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 童书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 生活 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 体育 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 工程技术 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 自然科学 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 医药卫生 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
         <a href="javascript:;" class=""> 综合性图书 <i class="select-icon ivu-icon ivu-icon-ios-arrow-right" style="display: none;"></i></a>
        </div>-->
        <!---->
        <!---->
       </div>
      </div>
     </div>
    </div>
   </div>
   </p>
  </div>
  <div class="logistics-win">
   <!---->
  </div>
  <!---->
  <!---->
  <!---->
  <!---->
 </div>
</div>
<!-- jQuery JS -->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/addStoreBook.js"></script>
</body>
</html>